<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			li{
				background: #ccc;
				margin-bottom: 5px;
			}
		</style>
		<script src="vue.js" ></script>
	</head>
	<body>
		<ul id="list">
			<li v-if="type === 'A'">A</li>
			<li v-else-if="type === 'B'">B</li>
			<li v-else-if="type === 'C'">C</li>
			<li v-else>Not A/B/C</li>
		</ul>
		<script type="text/javascript">
			var app=new Vue({
				el:'#list',
				data:{
					type:'B'
				}
			});
		</script>
	</body>
</html>
